<template>
    <div class="main">
        <v-head></v-head>
        <v-menu></v-menu>
        <el-container>
            <el-main class="wrapper">
                <div class="content">
                    <section class="panel panel-content">
                        <transition name="slide-fade" mode="out-in">
                            <keep-alive>
                                <router-view/>
                            </keep-alive>
                        </transition>
                    </section>
                </div>
            </el-main>
        </el-container>
        <v-foot></v-foot>
    </div>
</template>
<script>
    // @ is an alias to /src
    import vHead from '../../views/layouts/header.vue';
    import vMenu from '../../views/layouts/menu.vue';
    import vFoot from '../../views/layouts/footer.vue';

    export default {
        components: {vHead, vMenu, vFoot},
    }
</script>
